import { forwardRef } from 'react'
import { SvgIcon } from '../type'

export default forwardRef(function AddTokenIcon(props: SvgIcon, ref: any) {
  return (
    <svg ref={ref} width="14" height="14" viewBox="0 0 14 14" fill="currentColor" className="chakra-icon" {...props}>
      <path
        d="M7 0C3.13437 0 0 3.13437 0 7C0 10.8656 3.13437 14 7 14C10.8656 14 14 10.8656 14 7C14 3.13437 10.8656 0 7 0ZM7 12.8125C3.79063 12.8125 1.1875 10.2094 1.1875 7C1.1875 3.79063 3.79063 1.1875 7 1.1875C10.2094 1.1875 12.8125 3.79063 12.8125 7C12.8125 10.2094 10.2094 12.8125 7 12.8125Z"
        fill="#22D1F8"
      />
      <path
        d="M9.875 6.5H7.5V4.125C7.5 4.05625 7.44375 4 7.375 4H6.625C6.55625 4 6.5 4.05625 6.5 4.125V6.5H4.125C4.05625 6.5 4 6.55625 4 6.625V7.375C4 7.44375 4.05625 7.5 4.125 7.5H6.5V9.875C6.5 9.94375 6.55625 10 6.625 10H7.375C7.44375 10 7.5 9.94375 7.5 9.875V7.5H9.875C9.94375 7.5 10 7.44375 10 7.375V6.625C10 6.55625 9.94375 6.5 9.875 6.5Z"
        fill="#22D1F8"
      />
    </svg>
  )
})
